<!--
  Generated template for the InformationPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
    <ion-navbar>
        <ion-title>
            我的待审
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content>

    <div class="panel">
        <div class="title">
            <label>基本信息</label>
        </div>
        <div class="con">
            <div>
                    <span>
                        单位名称
                    </span>
                <label>
                    {{detailItem.DanJuXX.DanWeiMC}}
                </label>
            </div>
            <div>
                    <span>
                        部门名称
                    </span>
                <label>
                    {{detailItem.DanJuXX.BuMenMC}}
                </label>
            </div>
        </div>
        <div class="con">
            <div>
                    <span>
                        借款人
                    </span>
                <label>
                    {{detailItem.DanJuXX.JieKuanR}}
                </label>
            </div>
            <div>
                    <span>
                        申请日期
                    </span>
                <label>
                    {{detailItem.DanJuXX.ShenQingRQ}}
                </label>
            </div>
        </div>
        <div class="con">
            <div>
                    <span>
                        指标名称
                    </span>
                <label>
                    {{detailItem.DanJuXX.ZhiBiaoMC}}
                </label>
            </div>
            <div>
                    <span>
                        可用余额
                    </span>
                <label>
                    {{detailItem.DanJuXX.KeYongYE}}
                </label>
            </div>
        </div>
        <div class="con">
            <div>
                    <span>
                        合同名称
                    </span>
                <label>
                    {{detailItem.DanJuXX.HeTongMC}}
                </label>
            </div>
            <div>
                    <span>
                        经办人
                    </span>
                <label>
                    {{detailItem.DanJuXX.JingBanR}}
                </label>
            </div>
        </div>
        <div class="con onLine">
            <div>
                <span>借款金额</span>
                <label>
                    {{detailItem.DanJuXX.JieKuanJE}}
                </label>
            </div>
            <div>
                <span>支出事项</span>
                <label>
                    {{detailItem.DanJuXX.ZhiChuSX}}
                </label>
            </div>
        </div>
        <div *ngIf="detailItem.DanJuXX.DanJuFJ !=undefined">
            <div class="shenQingFJDiv" *ngIf="detailItem.DanJuXX.DanJuFJ.length>0">
                <div class="fuJianTitle">
                    <span>申请附件</span>
                </div>
                <div>
                    <div class="shenQingFJ" *ngFor="let item of detailItem.DanJuXX.DanJuFJ" tappable (click)="sqfjHandler(item)">
                        <p>{{item.FuJianMC}}</p>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="panel" *ngIf="detailItem.DanJuXX.QianBaoNR !=''">
        <div class="title">
            <label>签报内容</label>
        </div>
        <div>
            <div class="con">

                {{detailItem.DanJuXX.QianBaoNR}}
            </div>

        </div>

    </div>
    <div class="panel" *ngIf="detailItem.ZhiChuMX.length>0">
        <div class="title">
            <label>支出明细</label>
        </div>
        <div *ngFor="let item of detailItem.ZhiChuMX">
            <div class="con">
                <div>
                     <span>
                         {{item.MingXiMC}}
                    </span>
                    <label>
                        {{item.MingXiJE}}
                    </label>
                </div>
            </div>
        </div>

    </div>
    <div class="panel" *ngIf="detailItem.FuZhuXX.length>0">
        <div class="title">
            <label>辅助信息</label>
        </div>
        <div *ngFor="let item of detailItem.FuZhuXX">
            <div class="con" >
                <div>
                    <span>{{item.FuZhuXMC}}</span>
                    <label>{{item.FuZhuXZ}}</label>
                </div>
            </div>
        </div>
    </div>
    <div class="panel" *ngIf="detailItem.JieSuanXX.length>0">
        <div class="title">
            <label>结算信息</label>
        </div>
        <div *ngFor="let item of detailItem.JieSuanXX">
            <div class="con"  *ngIf="item.JieSuanFS !='' || item.JieSuanFS !=''">
                <div *ngIf="item.JieSuanFS !=null && item.JieSuanFS !=''">
                     <span>
                        结算方式
                    </span>
                    <label>
                        {{item.JieSuanFS}}
                    </label>
                </div>
                <div *ngIf="item.JieSuanJE !=null && item.JieSuanJE !=''">
                     <span>
                        结算金额
                    </span>
                    <label>
                        {{item.JieSuanJE}}
                    </label>
                </div>
            </div>
            <div class="con" *ngIf="item.GongWuKH !='' || item.JiZhangRQ !=''">
                <div *ngIf="item.GongWuKH !=null && item.GongWuKH !=''">
                     <span>
                        公务卡号
                    </span>
                    <label>
                        {{item.GongWuKH}}
                    </label>
                </div>
                <div *ngIf="item.JiZhangRQ !=null && item.JiZhangRQ !=''">
                     <span>
                        记账日期
                    </span>
                    <label>
                        {{item.JiZhangRQ}}
                    </label>
                </div>
            </div>
            <div class="con" *ngIf="item.XiaoFeiRQ !='' || item.HuanKuanRQ !=''">
                <div *ngIf="item.XiaoFeiRQ !=null && item.XiaoFeiRQ !=''">
                     <span>
                        消费日期
                    </span>
                    <label>
                        {{item.XiaoFeiRQ}}
                    </label>
                </div>
                <div *ngIf="item.HuanKuanRQ !=null && item.HuanKuanRQ !=''">
                         <span>
                        还款日期
                    </span>
                    <label>
                        {{item.HuanKuanRQ}}
                    </label>
                </div>
            </div>
            <div class="con" *ngIf="item.ShouKuanFZHM !='' || item.KaiHuH !=''">
                <div *ngIf="item.ShouKuanFZHM !=null && item.ShouKuanFZHM !=''">
                     <span>
                        收款方账户名
                    </span>
                    <label>
                         {{item.ShouKuanFZHM}}
                    </label>
                </div>
                <div *ngIf="item.KaiHuH !=null && item.KaiHuH !=''">
                         <span>
                        开户行
                    </span>
                    <label>
                          {{item.KaiHuH}}
                    </label>
                </div>
            </div>
        </div>

    </div>
    <div class="panel" *ngIf=" detailItem.ShenPiXX.length>0">
        <div class="title">
            <label style="color: #3a3a3a">审批过程</label>
        </div>
        <div *ngFor="let item of detailItem.ShenPiXX" class="spPanel">
            <div class="con">
                <div *ngIf="item.ShenPiHJ !=''">
                     <span>
                        审批环节
                    </span>
                    <label>
                        {{item.ShenPiHJ}}
                    </label>
                </div>
                <div  *ngIf="item.ShenPiR !=''">
                     <span style="color: #666666">
                        审批人
                    </span>
                    <label style="color: #3189fb;font-weight: bold">
                        {{item.ShenPiR}}
                    </label>
                </div>
            </div>
            <div class="con">
                <div  *ngIf="item.ShenPiSJ !=''">
                     <span style="color: #666666">
                        审批时间
                    </span>
                    <label style="color: #999999">
                        {{item.ShenPiSJ}}
                    </label>
                </div>
                <div  *ngIf="item.ChuLiSC !=''">
                     <span style="color: #666666">
                        处理时长
                    </span>
                    <label style="color: #333333">
                        {{item.ChuLiSC}}
                    </label>
                </div>
            </div>
            <div class="conEnd" >
                <div style="width: 100%">
                     <span>
                        审批意见
                    </span>
                    <label style="color: #333333">
                        {{item.ShenPiYJ==null?'无':item.ShenPiYJ}}
                    </label>
                </div>
            </div>
        </div>
    </div>
    <div class="buttonDiv" *ngIf=" type==1">
        <button ion-button (click)="doClickHandler()">去审批</button>
    </div>
</ion-content>


